<template>
    <div class="pdfmake-table">
        <!--echarts图表-->
        <div id="chart" ref="chart" style="width: 100%; height: 800px"></div>
        <button @click="generatePDF">生成PDF</button>
    </div>
</template>
<script>
import pdfMake from 'pdfmake/build/pdfmake';
import vfsFonts from '@/assets/vfs_fonts';
import * as echarts from 'echarts'; // 引入echarts库

pdfMake.vfs = vfsFonts.vfs;
pdfMake.fonts = {
    Roboto: {
        normal: 'Roboto-Regular.ttf',
        bold: 'Roboto-Medium.ttf',
        italics: 'Roboto-Italic.ttf',
        bolditalics: 'Roboto-Italic.ttf'
    },
    Chinese: {
        normal: 'simhei.ttf',
        bold: 'simhei.ttf',
        italics: 'simhei.ttf',
        bolditalics: 'simhei.ttf'
    }
    // 如果需要，可以继续添加其他字体
    // ...
};
export default {
    name: 'PdfmakeTable',
    data() {
        return {
            tempDataList: [
                {
                    'dateTime': '2024-06-05 16:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:17:30',
                    'temperature': 4.8,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:22:30',
                    'temperature': 4.9,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 16:27:30',
                    'temperature': 4.2,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 16:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:47:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 16:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 17:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 17:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 17:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 17:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 17:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:02:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 18:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 18:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 18:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 19:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 19:17:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 19:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 19:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 19:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 20:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:32:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 20:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 20:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 21:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 21:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 21:47:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 21:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 22:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 22:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 22:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 22:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:02:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 23:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 23:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-05 23:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 23:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-05 23:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:17:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 00:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 00:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 00:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 01:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 01:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:32:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 01:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 01:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 02:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 02:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 02:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:47:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 02:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 03:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 03:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 03:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 03:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 03:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:02:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 04:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 04:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 04:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 05:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 05:17:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 05:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 05:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 06:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 06:32:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 06:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 06:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 07:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 07:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 07:47:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 07:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 07:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 08:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 08:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 08:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:02:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 09:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 09:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 09:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 09:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 10:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:17:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 10:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 10:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 10:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 11:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 11:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:32:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 11:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 11:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 11:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 12:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 12:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:47:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 12:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 13:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 13:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:22:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 13:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 13:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 14:02:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:07:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:17:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 14:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 14:37:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:52:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 14:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 15:07:30',
                    'temperature': 4.4,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:12:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:17:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 15:22:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:27:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:32:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:37:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:42:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 15:47:30',
                    'temperature': 4.5,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 15:52:30',
                    'temperature': 4.4,
                    'temperature2': 4.5
                },
                {
                    'dateTime': '2024-06-06 15:57:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                },
                {
                    'dateTime': '2024-06-06 16:02:30',
                    'temperature': 4.5,
                    'temperature2': 4.9
                }
            ],
            columnNum: 4,
            userName: '甘肃天囤医药',
            pdfUrl: 'http://140.210.203.71:9300/4pl-bh-test/2025/01/15/A001-CD-250106-00015_上游随货同行单_甘肃天囤医药有限公司_1.pdf',
            base64Image: undefined,
            chart: undefined
        };
    },
    mounted() {
        // 在组件挂载后初始化图表
        this.initChart();
    },
    methods: {
        initChart() {
            let legendData = [];
            let temperatureData = [];
            let humidityData = [];
            this.tempDataList.forEach((item) => {
                legendData.push(item.dateTime);
                temperatureData.push(item.temperature);
                humidityData.push(item.temperature2);
            });
            let min = Math.min(...temperatureData, ...humidityData);
            let max = Math.max(...temperatureData, ...humidityData);
            // 初始化echarts图表
            this.chart = echarts.init(document.getElementById('chart'));
            // 配置折线图
            const option = {
                title: {
                    text: '温度、湿度曲线',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['温度', '湿度'],
                    left: 'auto',
                    top: 'auto',
                    right: 20, // 距离容器右侧的距离，可以是像素值或百分比
                    bottom: 'auto'
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true,
                    // containLabel: true,
                    backgroundColor: 'rgba(250,250,250,0.1)',
                    show: true,
                    borderColor: 'transparent'
                },
                xAxis: {
                    type: 'category',
                    // boundaryGap: false,
                    data: legendData
                },
                yAxis: {
                    type: 'value',
                    show: true,
                    min: min - 1,
                    max: max + 1
                },
                series: [
                    {
                        name: '温度',
                        data: temperatureData,
                        type: 'line'
                    },
                    {
                        name: '湿度',
                        data: humidityData,
                        type: 'line'
                    }
                ]
            };
            this.chart.setOption(option);
            //
        },
        async generatePDF() {
            this.base64Image = this.chart.getDataURL({
                type: 'png', // 图表的类型，这里是 png
                pixelRatio: 2, // 图表的分辨率比例
                backgroundColor: '#ffffff' // 图表的背景颜色
            });
            console.log(1111, this.base64Image);
            // pdfBuffer转embeddedPdfContent
            // const embeddedPdfContent = pdfBuffer.reduce((acc, byte) => acc + String.fromCharCode(byte), '');
            let rowNum = Math.ceil(this.tempDataList.length / this.columnNum);
            let columns = [];
            let i = 0;
            this.tempDataList.forEach((item, index) => {
                if (index % rowNum === 0) {
                    i++;
                    // A4纸尺寸
                    let margin = i < this.columnNum ? [0, 0, 5, 0] : [0, 0, 0, 0];
                    columns.push({
                        layout: {
                            paddingTop: () => 5,
                            paddingBottom: () => 5,
                            paddingLeft: () => 5,
                            paddingRight: () => 5
                        },
                        width: '25%',
                        alignment: 'justify', // 内容居中
                        margin: margin,
                        table: {
                            widths: ['60%', '20%', '20%'],
                            body: [
                                ['时间', '温度', '湿度'],
                                [item.dateTime, item.temperature, item.temperature2]
                            ]
                        }
                    });
                } else {
                    columns[i - 1].table.body.push([item.dateTime, item.temperature, item.temperature2]);
                }
            });
            const docDefinition = {
                pageSize: 'A4', // 设置页面尺寸为A4 'A4' 'A3''LETTER''LEGAL''TABLOID'
                content: [
                    {
                        image: this.base64Image,
                        width: 500
                    },
                    {
                        columns: columns
                    }
                    // ... 更多表格
                ],
                //页眉
                header: {
                    absolutePosition: { x: 40, y: 5 },
                    stack: [
                        {
                            text: `用户：${this.userName}\n名称：432142323`,
                            fontSize: 10,
                            absolutePosition: { x: 0, y: 13 },
                            alignment: 'center'
                        },
                        {
                            canvas: [
                                {
                                    type: 'line',
                                    x1: 0,
                                    y1: 30,
                                    x2: 515,
                                    y2: 30,
                                    lineWidth: 1,
                                    absolutePosition: { x: 10, y: 10 } // 绝对位置
                                }
                            ]
                        } // 分割线
                    ]
                },
                //页脚
                footer: function (currentPage, pageCount) {
                    return [
                        {
                            canvas: [
                                {
                                    type: 'line',
                                    x1: 40,
                                    y1: 0,
                                    x2: 555,
                                    y2: 0,
                                    lineWidth: 1
                                }
                            ]
                        },
                        {
                            text: `${pageCount}/${currentPage}页`,
                            alignment: 'center',
                            fontSize: 10,
                            margin: [0, 10]
                        }
                    ];
                },
                // 可以添加样式和其他设置
                // styles: {
                //     spacer: {
                //         // 间隔样式
                //         margin: [0, 20],
                //         fontSize: 12
                //     }
                // },
                defaultStyle: {
                    fontSize: 6,
                    font: 'Chinese'
                }
            };

            // 转Uint8Array

            // pdfMake.createPdf(docDefinition).getBuffer((buffer) => {
            //     mergePdfs(pdfBuffer, buffer).then((mergedPdf) => {
            //         // 处理合并后的PDF，例如保存或下载
            //         // 例如，可以将mergedPdf转换为Blob并使用a标签下载
            //         const blob = new Blob([mergedPdf], { type: 'application/pdf' });
            //         const url = URL.createObjectURL(blob);
            //         const link = document.createElement('a');
            //         link.href = url;
            //         link.download = '合并后的PDF.pdf';
            //         link.click();
            //     });
            // });

            // pdfMake.createPdf(docDefinition).getBuffer((buffer) => {
            //     pdfMake
            //         .createPdf({
            //             pages: [
            //                 {
            //                     stack: [
            //                         {
            //                             // 第一个PDF
            //                             pdf: pdfBuffer,
            //                             // 设置为原始PDF的尺寸
            //                             scale: 1
            //                         },
            //                         {
            //                             // 第二个PDF
            //                             pdf: buffer,
            //                             // 设置为原始PDF的尺寸
            //                             scale: 1
            //                         }
            //                     ]
            //                 }
            //             ]
            //         })
            //         .download('合并后PDF.pdf');
            // });

            // pdfMake.createPdf(docDefinition).open();
            pdfMake.createPdf(docDefinition).getBuffer((buffer) => {
                const blob = new Blob([buffer], { type: 'application/pdf' });
                const link = document.createElement('a');
                link.href = URL.createObjectURL(blob);
                link.download = '导出PDF.pdf';
                link.click();
            });
        }
    }
};
</script>

<style scoped></style>
